<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <section th:fragment="css">
        <!-- Bootstrap -->
        <link href="/AppInfoSystem/statics/css/bootstrap.min.css" rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!-- Font Awesome -->
        <link href="/AppInfoSystem/statics/css/font-awesome.min.css" rel="stylesheet"
              th:href="@{/css/font-awesome.min.css}">
        <!-- NProgress -->
        <link href="/AppInfoSystem/statics/css/nprogress.css" rel="stylesheet" th:href="@{/css/nprogress.css}">
        <!-- iCheck -->
        <link href="/AppInfoSystem/statics/css/green.css" rel="stylesheet" th:href="@{/css/green.css}">
        <!-- bootstrap-progressbar -->
        <link href="/AppInfoSystem/statics/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"
              th:href="@{/css/bootstrap-progressbar-3.3.4.min.css}">
        <!-- JQVMap -->
        <link href="/AppInfoSystem/statics/css/jqvmap.min.css" rel="stylesheet" th:href="@{/css/jqvmap.min.css}">
        <link href="/AppInfoSystem/statics/css/dropzone.min.css" rel="stylesheet" th:href="@{/css/dropzone.min.css}">
        <!-- Custom Theme Style -->
        <link href="/AppInfoSystem/statics/css/custom.min.css" rel="stylesheet" th:href="@{/css/custom.min.css}">

        <!-- add localcss 2016-8-18 -->
        <link href='/AppInfoSystem/statics/localcss/appinfoadd.css' rel='stylesheet'
              th:href="@{/localcss/appinfoadd.css}">
        <link href='/AppInfoSystem/statics/localcss/appinfolist.css' rel='stylesheet'
              th:href="@{/localcss/appinfolist.css}">
    </section>
</head>
<body>

<div class="left_col scroll-view" th:fragment="left">
    <div class="navbar nav_title" style="border: 0;">
        <a href="/AppInfoSystem/dev/flatform/main" class="site_title"><i class="fa fa-paw"></i> <span>APP
								BMS</span>
        </a>
    </div>

    <div class="clearfix"></div>

    <!-- menu profile quick info -->
    <div class="profile">
        <div class="profile_pic">
            <img
                    src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}"
                    alt="..." class="img-circle profile_img">
        </div>
        <div class="profile_info">
            <span>Welcome,</span>
            <h2 th:text="${#session.getAttribute('devUser').devName}">test001</h2>
        </div>
    </div>
    <!-- /menu profile quick info -->

    <br/>

    <!-- sidebar menu -->
    <div id="sidebar-menu"
         class="main_menu_side hidden-print main_menu">
        <div class="menu_section">
            <h3>[[${session.devUser.devName}]]</h3>
            <ul class="nav side-menu">
                <li><a><i class="fa fa-home"></i> APP账户管理 <span
                        class="fa fa-chevron-down"></span>
                </a>
                    <ul class="nav child_menu">
                        <li><a href="javascript:;">APP开发者账户申请</a>
                        </li>
                        <li><a href="javascript:;">个人账户信息维护</a>
                        </li>
                    </ul>
                </li>
                <li><a><i class="fa fa-edit"></i> APP应用管理<span
                        class="fa fa-chevron-down"></span>
                </a>
                    <ul class="nav child_menu">
                        <li><a th:href="@{/manage/appInfos}" href="/AppInfoSystem/dev/flatform/app/list">APP维护</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>


    </div>
    <!-- /sidebar menu -->

    <!-- /menu footer buttons -->
    <div class="sidebar-footer hidden-small">
        <a data-toggle="tooltip" data-placement="top" title="Settings">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
        </a> <a data-toggle="tooltip" data-placement="top" title="FullScreen">
        <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
    </a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span
            class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
    </a> <a data-toggle="tooltip" data-placement="top" title="Logout"
            href="/AppInfoSystem/dev/logout"> <span
            class="glyphicon glyphicon-off" aria-hidden="true"></span> </a>
    </div>
    <!-- /menu footer buttons -->
</div>

<nav th:fragment="top">
    <div class="nav toggle">
        <a id="menu_toggle"><i class="fa fa-bars"></i>
        </a>
    </div>

    <ul class="nav navbar-nav navbar-right">
        <li class="">
            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <img src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}" alt=""
                     th:text="${#session.getAttribute('devUser').devName}">
                <span class=" fa fa-angle-down"></span>
            </a>
            <ul class="dropdown-menu dropdown-usermenu pull-right">
                <li><a
                        href="/AppInfoSystem/dev/logout" th:href="@{/manage/logout}"><i
                        class="fa fa-sign-out pull-right"></i> Log Out</a>
                </li>
            </ul>
        </li>

        <li role="presentation" class="dropdown">

            <ul id="menu1" class="dropdown-menu list-unstyled msg_list"
                role="menu">
                <li><a>
										<span class="image">
											<img src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}"
                                                 alt="Profile Image"/>
										</span>
                    <span> <span>John Smith</span> <span class="time">3
													mins ago</span> </span> <span class="message"> Film festivals used
												to be do-or-die moments for movie makers. They were where...
										</span> </a></li>
                <li><a> <span class="image"><img
                        src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}"
                        alt="Profile Image"/>
										</span> <span> <span>John Smith</span> <span class="time">3
													mins ago</span> </span> <span class="message"> Film festivals used
												to be do-or-die moments for movie makers. They were where...
										</span> </a></li>
                <li><a> <span class="image"><img
                        src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}"
                        alt="Profile Image"/>
										</span> <span> <span>John Smith</span> <span class="time">3
													mins ago</span> </span> <span class="message"> Film festivals used
												to be do-or-die moments for movie makers. They were where...
										</span> </a></li>
                <li><a> <span class="image"><img
                        src="/AppInfoSystem/statics/images/img.jpg" th:src="@{/images/img.jpg}"
                        alt="Profile Image"/>
										</span> <span> <span>John Smith</span> <span class="time">3
													mins ago</span> </span> <span class="message"> Film festivals used
												to be do-or-die moments for movie makers. They were where...
										</span> </a></li>
                <li>
                    <div class="text-center">
                        <a> <strong>See All Alerts</strong> <i
                                class="fa fa-angle-right"></i> </a>
                    </div>
                </li>
            </ul>
        </li>
    </ul>
</nav>

</body>
<div th:fragment="js">
    <!-- jQuery -->
    <script src="/AppInfoSystem/statics/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <!-- Bootstrap -->
    <script src="/AppInfoSystem/statics/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <!-- FastClick -->
    <script src="/AppInfoSystem/statics/js/fastclick.js" th:src="@{/js/fastclick.js}"></script>
    <!-- NProgress -->
    <script src="/AppInfoSystem/statics/js/nprogress.js" th:src="@{/js/nprogress.js}"></script>
    <!-- jQuery custom content scroller -->
    <script src="/AppInfoSystem/statics/js/jquery.mCustomScrollbar.concat.min.js"
            th:src="@{/js/jquery.mCustomScrollbar.concat.min.js}"></script>
    <!-- Custom Theme Scripts -->
    <script src="/AppInfoSystem/statics/js/custom.min.js" th:src="@{/js/custom.min.js}"></script>
    <!-- validator -->

    <!-- dropzone -->
    <script src="/AppInfoSystem/statics/js/dropzone.js" th:src="@{/js/dropzone.js}"></script>
</div>
</html>